<style lang="scss" scoped>
  .c-head{
  height: 94px;
  position: relative;
  border-bottom:2px solid #E5E5E5;
}

.username{
  position: absolute;
  height:40px;
  font-size:28px;
  color:rgba(48,54,65,1);
  line-height:40px;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.set-btn{
  display: block;
  width:88.23529411764706%;
  height:60px;
  margin: 0 auto;
  background:rgba(48,54,65,1);
  border-radius:6px;
  margin-top: 128px;
  font-size:16px;
  color:rgba(255,255,255,1);
  line-height:60px;
}
</style>

<template>
  <div>
      <div class="c-head">
        <div class="username">请设置新框条02</div>
      </div>
      <button class="set-btn" @click="router">前往“框条素材库”中选择</button>
  </div>
</template>

<script>
  export default {
    data () {
      return {

      }
    },
    methods: {
      router () {
        localStorage.setItem('setm','inframe')
        this.$router.push('/material')
      }
    }
  }
</script>
